<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //对象解构赋值
        // let person = {
        //     name:'曹操',
        //     age:40
        // }

        // let {name, age} = person

        // console.log(name);
        // console.log(age);

        //对象结构赋值机制，赋值给后者
        // let {bar: fo} = {bar: 'baz'}
        //控制台报错说明赋值错误
        // console.log(bar);
        //后者可以接收
        // console.log(fo);

        //解构赋值指定默认值
        // var {x = 3} = {}; x //输出3
        // var {x, y = 5} = {x: 1}; x // x匹配上为1，y匹配不上，默认值为5
        // var {x: y = 3} = {}; y //x 无匹配，y只有默认值3
        // var{x: y = 3} = {x: 5}; y //赋值时y的值被覆盖为5

        //默认值生效条件严格，属性值必须是undefined
        // var {x = 3} = {x: undefined}; x
        // var {x = 3} = {x: null};


            //对象解构赋值在json数据中的体现
            // let jsonData = {
            //     id: 42,
            //     status:'ok',
            //     data:[5959, 4854]
            // };

            //在异步请求的体现
            // let {id, status, data:number} = jsonData;
            // console.log(id, status, number);


    </script>
</body>
</html>